<template>
	<div class="">
		<!--滚动内容 start-->
		<el-scrollbar class="app-container-scroll-bar">
		
			<listTpml :data="pageData" @onCommand="handleCommand" ref="listTpml"></listTpml>
			
    </el-scrollbar>
    <!--滚动内容 end -->
		<add-p-z-dialog ref="addpzdialog"></add-p-z-dialog>
		
		<!--弹窗内容 start-->
		<div class="app-output-window">
			
			
		</div>
		<!--弹窗内容 end-->
		
	</div>
</template>

<script>
import listTpml from "@/view/components/listTmpl";
import addPZDialog from '@/view/components/dialog/addPZDialog';
export default {
  components: {
    listTpml,
    addPZDialog
  },
  data() {
    return {
      pageData: {
        pageTitle: "系统管理",
        filterOption: [
          {
            label: "名称", // label名
            paramsName: "name", // 出参name值
            defaultValue: "", // 出参默认值
            componentsName: "hostNameInput" // 组件名
          },
          {
            label: "状态", // label名
            paramsName: "status", // 出参name值
            defaultValue: "", // 出参默认值
            componentsName: "yinyongStatusSelect" // 组件名
          },
        ],
        // 列表table 设置
        listOption: {
          // 列表上部btn组
          listBtns: [
            {
              label: "新增配置项信息",
              iconfont: "icon-folder-add",
              commandName: "addpz"
            }
          ],
          // 列表api
          listApi: {
            url: "",
            type: "POST",
            params:{
             
            }
          },
          // 表头设置
          header: [
            {
              label: "ID",
              width: "",
              propName: "name",
              align: "left"
            },
            {
              label: "类型",
              width: "",
              propName: "appType"
            },
            {
              label: "键名",
              width: "",
              propName: "appVersion"
            },
            {
              label: "值",
              width: "",
              propName: "deployType"
            },
            {
              label: "备注",
              width: "",
              propName: "status",
              html : (row)=>{
								return tmpStatusFilter(row.status)
							},
            },
            {
              label: "操作",
              width: "290",
              align: "right",
              btns: [ {
                  label: "修改",
                  commandName: "xiugaipz"
                },
                {
                  label: "删除",
                  commandName: "deletepz"
                }],
              btnGroups: [
               
               ]
            }
          ]
        }
      }
    };
  },
  methods: {
    handleCommand(command, row, index) {
      if (command && this[command]) {
            this[command](row, index);
        }
    },
    addpz(){
       this.$refs.addpzdialog.open()
    },
    xiugaipz(){
        this.$refs.addpzdialog.open()
    },
    deletepz(){

    },
    refresh(){
		this.$refs.listTpml.search();
	}
  }
};
</script>

<style>
</style>